@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#333333;font:12px/1.231 "Microsoft YaHei","Microsoft YaHei",Microsoft YaHei; min-width: 1200px;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}

select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}
a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}

i, em{ font-style:normal;}

/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }
.left { width:201px; float:left; overflow:hidden;}
.left,.leftr{ width:243px; float:left; overflow:hidden;}
.left2 { width:830px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(../img/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top { background:url(../img/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(../img/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(../img/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right { width:941px; float:left; display:inline; margin-right:24px;}
.right,.rightl{ width:932px; float:right; display:inline;overflow:hidden; margin-left:24px; margin-right:0px;}
.right2 { width:316px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { height:3px; font-size:0; overflow:hidden;}
.right2top { height:3px; font-size:0; overflow:hidden;}
.rightbot { height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:930px; padding-bottom:15px; overflow:hidden; }
.right2_main { width:300px; padding-bottom:15px; overflow:hidden;}
.left2_main { width:830px;  padding-bottom:15px; overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}
/*头部开始*/
header{
    /* position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000; */
}
.top_bg{ background: #fff; width: 100%;overflow: hidden}
.h_top{ height:43px; line-height:43px; overflow:hidden;font-size: 14px;color: #666;}
.h_top em{ float:left;}
.h_top span{ float:right;}
.h_top span a{ padding:0 10px; display:inline-block;font-size: 14px;color: #666;}
.h_con{padding: 20px 0; overflow:hidden;}
.h_con h1{ float:left;}
.h_con h1 img{ }
.h_con .h_dw{ float:left; padding:32px 0 0; font-size:24px; color:#2c56a3; font-weight:bold;}
.h_dw span{  display:block; padding:8px 0 0;}
.h_con .tel{  float:right;  font-size:18px; color:#333;}
.tel span{ display:inline-block; float: right; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#065889;font-weight: bold; margin-top: 10px;}
.topnav{background: none; width: 100%;margin: 0 auto; z-index: 100000;background: #14507b;}
.h_nav{ height:60px; line-height:60px;overflow: hidden;}
.h_nav .logos{ float: left; display: block;margin-top:22px;margin-left: 20px;}
.h_nav ul{ float: right;}
.h_nav li{ float:left; text-align: center; position:relative;}
.h_nav li a{ font-size:16px; color:#fff; width:150px;line-height: 60px; display:block; float:left;}
.h_nav li.cur a,.h_nav li a:hover{color:#fff;}
.h_nav li a::after{ content:'';display:inline-block;background:#fff;width: 1px;height: 20px;margin: 0 auto;float: right;margin-top: 20px;}
.h_nav li:last-child a::after{
    background: none;
}
.h_nav .nobor{ background:none;}


.h_nav li .erj{ position:absolute; top:70px; left:0px; width:100%; _width:150px; background:#ff5510; display:none; font-size:14px; z-index:999;}
.h_nav li .erj li{ height:35px; background:none; padding:0px; margin:0px;width:100%; _width:150px;  display:block; text-align:center; border-bottom:1px solid #ececec;}
.h_nav li .erj a{ padding:0px;height:35px; margin:0px;width:100%;_width:150px;  display:block; text-align:center; color:#7c7c7c; font-size:14px;}
.h_nav li .erj a:hover{ color:#3f74d6; }
    
.h_nav li .erj a:hover{ }
.h_nav li .erj .erj_li a{ background:#fff; line-height:35px;}
.h_nav li .erj .erj_li a:hover{ }

.title_index{ text-align: center;
    padding-top: 100px;
    margin-bottom: 50px;
    font-size: 36px;
    width:100%;
    color: #333;
    font-weight: bold;
    overflow: hidden;
}
.title_index span,
.title_index sub{
   color: #333333;
   display: block;
   text-align: center;
   font-size: 54px;
}
.title_index span::after{
    content: '';
    display: inline-block;
    width: 200px;
    height: 2px;
    background: #1a2e54;
    margin-bottom: 12px;
    margin-left: 20px;
}
.title_index .span::after{
    content: '';
    display: inline-block;
    width: 200px;
    height: 2px;
    background: #fff;
    margin-bottom: 12px;
    margin-left: 20px;
}
.title_index span::before{
    content: '';
    display: inline-block;
    width: 200px;
    height: 2px;
    background: #1a2e54;
    margin-bottom: 12px;
    margin-right: 20px;
}
.title_index .span::before{
    content: '';
    display: inline-block;
    width: 200px;
    height: 2px;
    background: #fff;
    margin-bottom: 12px;
    margin-right: 20px;
}
.title_index p{
    font-size: 18px;
    margin-top: 15px;
    color: #333333;
    letter-spacing: 4px;
    font-weight: 200;
    text-transform: uppercase;
}
.title_index .title_img img{
    background: #f2f2f2;
    padding: 5px 20px;
}
.title_index .titile_xian{
    position: absolute;
    width:100%;
    height:1px;
    border-bottom: 1px #ccc solid;
    margin-top: -30px;
    z-index: 1;
}
.search { height: 60px; overflow: hidden; font-family: "Microsoft YaHei", serif;}
.sez { float: left; font-size: 14px; color: #666666; line-height: 60px;}
.sez a { color: #666666; margin-right: 10px;}
.sey { float: right; margin-top: 15px;}
.sey input { display: block; float: left;}
.se1 { width: 265px; height: 27px; border: 1px solid #dddddd; border-right: 0; font-size: 14px; color: #999999; line-height: 27px; padding-left: 16px;}
.se2 { width: 28px; height: 29px; background: url("img/sok.jpg") no-repeat; border: 0; z-index:99999;}

/*底部开始*/
.foot {background: url(../images/bg2.png) bottom center no-repeat; padding: 0; overflow: hidden; font-family: "Microsoft YaHei", serif;}
.f_menu { width: 199px; float: left; text-align: center;}
.f_menu h4 a {
    font-size: 16px;
    display: block;
    margin-bottom: 30px;
}
.f_menu a { display: block; font-size: 14px; color: #ffffff; line-height: 30px; }
.foot h1 { float: left; margin: 39px 0 0 19px;}
.foot h1 img { }
.foot h2 { float: left; font-size: 14px; color: #ffffff; line-height: 28px; font-weight: normal; margin: 30px 0 0 48px;}
.foot h2 a{color: #ffffff;}
.foot h2 span { margin: 0 20px;}
.foot h3 { float: right; margin: 34px 35px 0 0; font-family: "宋体", serif; font-weight: normal;}
.foot h3 p { float: left; margin-left: 45px; text-align: center; font-size: 14px; color: #ffffff;}
.foot h3 p img { width: 110px; height: 113px; border: 2px solid #b9b9ca; margin-bottom: 10px;display: block;}
.footlogo{
    background: #034196;
    width: 180px;
    text-align: center;
    float: left;
    padding: 60px 0;
}
/*底部结束*/


 /*temp.css*/
#nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:10px 0; background:url(../img/nodata.gif) no-repeat 20px 20px;}
/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
/*rollup.css*/
#roll_top,#fall,#ct{position:relative;cursor:pointer;height:65px;width:65px}
#roll_top{background:url(../img/top.gif) no-repeat}
#fall{background:url(../img/top.gif) no-repeat 0 -80px}
#ct{background:url(../img/top.gif) no-repeat 0 -40px}
#roll{display:block;width:15px;margin-right:-530px;position:fixed;right:43%;top:89%;_margin-right:-530px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}

.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;;float:right; width:120px;}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:140px;float:right;width:120px;}
.ImRow0{background:url(../img/ico_item1.gif) no-repeat;background-size:100% 100%;margin:10px 5px 0;height:29px;padding-left:10px;padding-top:1px; }
.ImRow1{background:url(../img/ico_item1.gif) no-repeat;background-size:100% 100%;margin:10px 5px 0;height:29px;padding-left:10px;padding-top:1px;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#f08000; font-size:14px;}
.ImFooter{height:126px;float:right; display:inline-block; width:120px;font-family:Arial,Helvetica,sans-serif;}
.ImFooter h3{ display:inline-block; text-align:center; margin:5px 5px 0; color:#fff; background:#f08000; font-size:18px; font-weight:normal; padding:6px 0; border-radius:8px; width:132px;}
.ImFooter h5{font-size:14px;font-weight:normal; color:#fff;text-align:center;font-family:'Microsoft YaHei';}
.ImFooter p{font-size:20px;font-weight:bold;  color:#fff;text-align:center;margin:5px 0;}

.test-d {position:relative;text-align:right;}
.test-p {
        width:140px;
        position:absolute;
        height:30px;
        text-align:center;
        line-height:24px;
        }
.Foxtest-d {
    position: absolute;
    text-align: right;
    display: inline-block;
    height: 30px;
    width: 140px;
    top: 260px;
    right: 0;
    text-align: center;
    line-height: 24px;
}   

.qr-show{width:130px;height:200px;position:absolute;right:5px;display:none;filter:alpha(opacity:0);opacity:0;background-color:#fff}
.Foxqr-show{width:130px;height:200px;position:absolute;top:260px;right:5px;display:none;}
.IEImHeader {
    background-image:cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/im_01.gif,sizingMethod='scale');
    }
.IEImTable {
     background-image:cover;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/bg.gif,sizingMethod='scale');
     }
.IEImFooter {
     background-image:cover;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/im_04.jpg,sizingMethod='scale');
     }
.IEImFooterShow {
     background-image:cover;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/imshow.jpg,sizingMethod='scale');
     height:200px;
    }
.FoxImFooterShow {
        background:url(../img/imshow.jpg) no-repeat  center top;background-size:100% 100%;
        height:200px;
        }

.ImFooter H3{margin:35px 5px 0;}
.FoxImFooterShow H3{margin:114px 5px 0}
.IEImFooterShow H3 {margin:114px 5px 0}    
.FoxImHeader{background:url(../img/im_01.gif) no-repeat center top;background-size:100% 100%;}
.FoxImTable{background:url(../img/bg.gif) repeat-y center top;background-size:100% 100%;}
.FoxImFooter{background:url(../img/im_04.jpg)  no-repeat  center top;background-size:100% 100%;}

/**/
.ban-ss{height:40px;}
.banan-t{height:40px;width:1000px;margin: 0 auto;}
.banan-t p{float: left;height: 40px;}
.banan-t p span{color: #333333;font:14px 'Microsoft YaHei','微软雅黑';font-weight: bold;line-height: 40px;}
.banan-t a{ color: #666666;font-size: 14px;padding-right:19px;font-family: 'Microsoft YaHei','微软雅黑';font-weight: normal;line-height: 40px;}
.banan-tr{float: right;margin-top: 10px;}
.banan-tr .inp01{float: left;border: 0px; color: #666666;width:141px;font-size: 12px;padding-left:18px;font-family:'Microsoft YaHei','微软雅黑';height: 20px;line-height: 20px;}
.banan-tr .inp02{width:40px;font-size: 14px;height: 20px;float: left;border: 0px;color:#fff;display: inline-block;font-family:'Microsoft YaHei','微软雅黑';padding-left: 6px;}

/* -- 当前位置 -- */
.topadcs{width:100%; overflow:hidden; text-align:center;margin:0px auto;}
.topadcs a img{ width:100%; height:auto; display:block;}
.topadcs a{display:block;margin:0 auto;}
.topadcs a.fullad{ height:280px;}

.plc,.plc2{height:20px;line-height:20px;padding:8px 8px 8px 42px; position:relative; color:#666; overflow:hidden; font-size:14px; border:1px solid #ececec;font-family:"Microsoft Yahei","微软雅黑"; border-radius:6px; background:url("img/dts.jpg") no-repeat scroll 8px;}
.plc span {}
.plc i,.plc2 i,.plc a{ font-style:normal; font-size:14px; color:#666;}


.bdsp {
    position: fixed;
    top: 10%;
    left: 27%;
    z-index: 9999;
}
.bdsp h4 {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 999999;
    background: none;
    width: 24%;
    display: block;
    height: 59px;
}
.bdsp h4 a {
    display: block;
    width: 100%;
    height: 58px;
}
.footer_messages{
    width:400px;
    float: left;
}
.footer_messages input[type="text"]{
    background: #2b659c;
    width:390px;
    height:40px;
    border: 0;
    color: #fff;
    margin-bottom: 20px;
    padding-left: 10px;
}
.footer_messages textarea{
    background: #2b659c;
    width:390px;
    height:70px;
    border: 0;
    color: #fff;
    padding-left: 10px;

}
.footer_messages input[type="submit"]{
    width: 140px;
    line-height:40px;
    background: #126ace;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    font-size: 16px;
    border:0;
    margin-top: 20px;
}
.foot_contact{
    width:600px;
    float: left;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    margin-left: 40px;
}
.foot_contact p{

}
.erweima{
    width:180px;
    float: left;
    margin-left: 60px;
}
.foot_logo{
    float: right;
    width: 480px;
}
.foot_logo p{
    margin-top: 20px;
    font-size: 16px;
    color: #fff;
    line-height: 25px;
}
.copyright{
    line-height:40px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 20px 0;
    border-top: 1px #ccc solid;
}
.copyright a{
    color: #fff;
}
.over4{
    position: relative;
}
.over4 span{
    position: absolute;
    top:-190px;
    left:-60px;
    display: none;
}
.over4:hover span{
    display: block;
}
.side{position:fixed;width:78px;left:0;bottom: 80px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#14507b;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../img/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../img/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../img/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../img/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../img/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../img/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../img/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../img/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../img/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../img/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../img/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;left:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#14507b;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:200px;display:none;color:#363636;text-align:center;position:absolute;right:-202px;top:0;border:1px solid #e0e0e0;background: #fff;}
.side ul li.sideetel .telBox.son{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;right:-240px;top:0;background:#14507b}
.side ul li.sideewm .ewBox.son img{ width: 100%;;}
.side ul li.sideetel .telBox dd{display:block;height:78px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:12px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../img/right_pic8.png) 28px center no-repeat;background-color:#14507b}
.side ul li.sideetel .telBox dd.bgs2{background:url(../img/right_pic9.png) 28px center no-repeat;background-color: #14507b;}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}